    var $lis = $("li");
    var arr = ["2-1.png","2-1.png","2-1.png","2-1.png","2-1.png","2-1.png","2-2.png","2-2.png","2-2.png","2-2.png", "2-1.png","2-1.png","2-3.png","2-3.png","2-3.png","2-3.png","2-1.png","2-1.png","2-4.png","2-4.png","2-4.png","2-4.png","2-1.png","2-1.png","2-1.png","2-1.png"];
    var $input = $("input");
    var during = 5000;
    var degrees = 0;
 
   $lis.each(function (i) {
          
          var url = "url(" + arr[i] + ")";
          $(this).css("background",url);
          $(this).css("background-size","100px 200px"); 
      
         })
    
 
     
   
  $input.click(function () {     
          degrees -= 90
          $("#flat1").css("transform","rotateX("+degrees+"deg)");
          $("#flat1").css("transition-duration","1.2s");
        
           $("#flat2").css("transform","rotateX("+degrees+"deg)");
           $("#flat2").css("transition-duration","1.4s");
         
          $("#flat3").css("transform","rotateX("+degrees+"deg)");
          $("#flat3").css("transition-duration","1.6s");
      
          $("#flat4").css("transform","rotateX("+degrees+"deg)");
          $("#flat4").css("transition-duration","1.8s");
      })